<!DOCTYPE html>
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
<style type="text/css"> 
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px;text-align: center; }
  #map_canvas { height: 480px;width: 640px;top:50;
  margin-left: auto;
  margin-right: auto;
 
   }
</style> 
<title>Google Maps JavaScript API v3 Example: Map Simple</title> 
<script type="text/javascript"> 
var map
  function initialize() {
    var myLatlng = new google.maps.LatLng(42.5849762, -82.839329);
    var myOptions = {
      zoom:20,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.SATELLITE
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    var t=setTimeout("newMap()",5000);
  }

  function newMap(){
	  
	  var myLatlng = new google.maps.LatLng(42.6073699, -83.030197);
	  map.panTo(myLatlng); 
	    //alert('test');
  }
  function loadScript() {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "http://maps.google.com/maps/api/js?sensor=false&callback=initialize&zoom=20";
    document.body.appendChild(script);
  }
  
  window.onload = loadScript;
</script> 
</head> 
<body> 
  <div style="width:100%;height:100%;text-align:center">
  <div id="map_canvas"></div> 
  </div>
</body> 
</html> 